*{
    margin:1px;
    padding:0;
}

body{
    background-image: linear-gradient(to right, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
    position: relative;
}

.card{
    position: absolute;
    height:350px;
    width: 35%;
    border-radius: 20px;
    top:150px;
}

#card1{
    background-color: rgb(0,101,195);
    left: 10%;
}

#card2{
    background-color: black;
    right: 10%;
}

.circle{
    background-color: red;
    height: 250px;
    width: 250px;
    border-radius: 250px;
}

.content h2,p{
    color:#fff;
}

.content button{
    border-radius:10px;
    border-color:transparent;
    height:40px;
    width:100px;
    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:10px;
    padding-right: 10px;

    font-size: 15px;
    font-weight: bold;

}